﻿/*****************************************
 * File Name:   page.css
 * Author:      Yang Xiaodong
 * Version:     1.0
 * Date:        2007-10-15
 * Description: 页面框架样式定义
 *****************************************/


body
{
	font-size: 12px;
	vertical-align: middle;
	color: #000000;
	font-family: 宋体, Verdana, 'Times New Roman';
}

input {
	FONT-SIZE: 12px; 
	COLOR: #333333; 
	/*background-color :#f7f7f7;*/
	FONT-FAMILY: "宋体", "Arial", "Helvetica", "sans-serif"; 
}

td 
{
/*  width:4%;
  width:expression(this.offsetParent.clientWidth < 40 ? "40px":"4%"); */
  min-width:80px;
}

/* **********页面头部样式定义********** */

div.header
{
	margin: 1px 1px 4px 1px;
	padding: 1px;
	border-bottom: #e88131 2px solid;
	height: 72px;
	clear: both;
}


/* **********页面上方分隔线样式定义********** */

div.topLine
{
	margin: 1px 1px 4px 1px;
	/*padding-top: 4px;*/
	height: 23px;
	line-height: 23px;
	vertical-align: middle;
	border-top: solid 1px #e88131;
	background-color: #fdfede;
}

div.topLine div.left 
{
	float: left;
}

div.topLine div.right
{
	padding-top: 2px;
	padding-right: 14px;
	float: right;
}


/* **********主体框架内左侧工具栏样式定义********** */


div.content
{
	float:left;
	background-color :#e5e3df;
	/*border: solid 2px #c1d5e0;*/
    position:absolute; 
    left: 0px; 
    top : 100px;
    height: 400px; 
    width: 100%;
}
div.leftBar
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px padding: 0px;*/
	float: left;
	background-color :#eeeeee;
	border: solid 2px #e3e3e3;
	position:absolute;
	left:1%; 
	top: 100px;
	height:400px;
	width: 17%;
}

/* **********主体框架内内容部分样式定义********** */
div.MainDiv
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px */
	float:left;
	background-color :#eeeeee;
	border: solid 2px #e3e3e3;
    position:absolute; 
    left: 20%; 
    top : 100px;
    height: 400px; 
    width: 60%;
    overflow:scroll;
}

/* **********主体框架内右侧工具栏样式定义********** */

div.rightBar
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;/* Firefox:2px 155px 2px 65px padding: 0px;*/
	float: right;
	background-color :#eeeeee;
	border: solid 2px #e3e3e3;
	position:absolute;
	left:82%; 
	top: 100px;
	height:400px;
	width: 17%;
}

div.rightBar div Links
{
    float: left;
    background-color: #cce8cf;
    border: solid 2px #c1d5e0;
    width: 96%;
}



div.leftBar div.square
{
	margin: 0px;
	padding: 0px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 0px solid;
	width: 60px;
	height: 23px;
}

div.leftBar div.square1
{
	margin: 0px;
	padding: 0px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
	width: 60px;
	height: 23px;
}


div.Common
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;
	background: #e3e3e3;
	border: solid 1px #c1d5e0;
	width:98%;
	height :200px;
	text-align :left ;
	float: left;
}


/* **********主体框架内图例样式定义********** */

div.legend
{
	float: right;
	margin: 0px 2px 0px 2px;
	padding: 0px;
	background: #f7fbfc;
	border: solid 0px #c1d5e0;
	width: 150px;
	text-align: center;
}




div.legend div.legendtitlebar
{
	margin: 0px;
	padding: 1px;
	height: 16px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 1px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
	
}

span.legendbutton
{
	padding: 0px;
	margin: 2px 2px 0px 2px;
	height: 12px;
	width: 12px;
	float: right;
	position: relative;
	border: solid 0px #077b7b;
}

span.legendbutton#close
{
	background-position: left top;
	background-image: url(../Picture/xblue.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

span.legendbutton#min
{
	background-position: left top;
	background-image: url(../Picture/minblue.gif);
	background-repeat: no-repeat;
	background-color: transparent;
}

div.legend div.legendcontent
{
	margin: 0px;
	padding: 1px;
	background: #f7fbfc;
	border-right: #c1d5e0 1px solid;
	border-top: #c1d5e0 0px solid;
	border-left: #c1d5e0 1px solid;
	border-bottom: #c1d5e0 1px solid;
}

/* **********主体框架样式定义********** */




img.MainFrame
{
	left: 2px;
	position: relative;
	top: 2px;
	height: 546px;
}
img.photo
{
	background-color :#eeeeee;
	border: solid 1px #e3e3e3;
    }

/* **********页面页脚样式定义********** */
div.footer
{
	margin-top: 6px;
	padding: 4px 4px 4px 80px;
	clear: both;
	position: absolute;
	top: 550px;
	border-top: #e88131 2px solid;
}

div.pager
{
	margin: 0px 2px 0px 2px;
	padding: 2px 2px 2px 2px;/* Firefox:2px 155px 2px 65px */
	clear: both;
	position: absolute;
	top: 510px;
	height:32px;
    left: 20%; 
    width: 60%;
    text-align :right ;
/*	background: #f7fbfc;
	border: solid 0px #c1d5e0;*/
}

div.footer div.pic 
{
	padding-right: 2px;
	float: left;
}

div.footer div.text
{
	line-height: 20px;
}

input.LastImg
{
    width :90px;
    height :20px;
    float:right;
    background-image :url(left_normal.gif);
    background-color :Transparent ;
    background-position :center ;
    }
input.NextImg
{
    width :90px;
    height :20px;
    float :left;
    background-image :url(right_normal.gif);
    background-color :Transparent ;
    background-position :center ;
    }
    
/*
div.Result
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	float: left;
}


div.ResultTable
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	height: 240px;
	width :700px;
	float: left;
}

div.splitTable
{
	margin: 0px 2px 0px 2px;
	padding: 2px 6px 2px 2px;
	background-color:Navy ;
	border: solid 1px #c1d5e0;
	height: 32px;
	width :700px;
	float: left;
}
*/
table.searchtable
{
    text-align :left ;
    float :left ;
    border-color :#e3e3e3;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: double;
/*    border-top-color: #e3e3e3;*/
    background-color: #eeeeee;
	position :relative;
	
/*	height: 90%;*/
    left :1%;
	width: 98%;
}
/*
div.resultTable
{
	margin: 0px 2px 0px 2px;
	padding: 0px 6px 2px 2px;/* Firefox:2px 155px 2px 65px 
	background: #f7fbfc;
	border: solid 1px #c1d5e0;
	
	width :376px;
	height: 450px;
	float: left;
	overflow :scroll ;
	
	
	position: absolute;
	top: 201px;
	left: 80px;
	
}
*/
div.MainDiv td {
	/*border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	font-size:10px;
	padding: 6px 6px 6px 12px;
	color: #4f6b72;*/
	border: solid 1px #c1d5e0;
	
}




/*
tr.searchtr
{
    min-width:16px;    
}
td.searchtd
{
    max-width :150px;
    min-width :50px;  
    border : solid 1px black;
}
*/
table.controlTable
{
    text-align: left;
    float: left;
    /*border-top-width: thin;
    border-right-width: thin;
    border-bottom-width: thin;
    border-left-width: thin;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: double;
    border-top-color: #e3e3e3;
    background-color: #eeeeee;
    */position:absolute;
    left :0px;
    width: 100%;
    top:370px;
    
}

table.outbarTable
{
    text-align :right ;
    float :left ;
	/*background-color: #EDFAFA;*/
	vertical-align: top;
	top :10px;
	position :relative ;
}

label.title
{
    left:1%;
    font-family :Times New Roman ;
    font-size : x-large ;
    font-weight :bold ;
    color :Orange ;
}

label.footertitle
{
    left:1%;
    position :relative;
    font-family :Times New Roman ;
    font-size :small ;
    font-weight :bold ;
    text-decoration :underline;
}

table.footertable
{
    text-align :left ;
    float :left ;
	position :relative;
    left :1%;
	width: 98%;
/*     border-color :#e3e3e3;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: double;
    border-top-color: #e3e3e3;
    background-color:Transparent ;
    height: 90%;*/
}